{%extends "casas/base_casas.html"%}

{%block title%}
<title>Álbum de Clasificado {{casa.id}}a - {{casa.titulo}}</title>
{%endblock%}

{%block extrahead%}
		<link rel="stylesheet" href="/media/jquery/colorbox/css/colorbox.css" />
		<script src="/media/jquery/colorbox/js/jquery.colorbox-min.js"></script>
		<script>
			$(document).ready(function(){
				$(".photogroup").colorbox({rel:'photogroup', transition:"fade"});
			});
		</script>

{%endblock%}



{%block breadcrumbs%}
    <p>
        <a href="{%url views.index%}">Inicio</a>
        >> <a href="{%url clasificados.views.main_casas%}">Casas e Inmuebles</a>
        >> <a href="{%url clasificados.views.categorias_casas%}">Categorias</a>
        >> <a href="{%url clasificados.views.disponibilidad_casas casa.categoria_casa.slug%}">{{casa.categoria_casa.nombre}}</a>
        >> <a href="{%url clasificados.views.catdis_casas casa.categoria_casa.slug casa.get_dispo_slug%}">{{casa.get_disponibilidad_display}}</a>
        >> <span>{{casa.titulo}}</span>
    </p>
{%endblock%}

{%block centercontent%}
    <h3 class="titulo">Álbum de {{casa.titulo}}</h3>

<a href="{%url clasificados.views.ver_casa casa.id%}" class="button blueb">Regresar a Clasificado</a>
<br>
<br>
<br>

<div class="gall_slot">
    {%for foto in casa.fotocasa_set.all%}
        <div class="imagegall">            
            <a href="/media/{{foto.foto.url}}" class="photogroup">
                <img class="gallery" src="/media/{{foto.get_thumb_url}}" />
            </a>
        </div>
    {%endfor%}
</div>

<a href="{%url clasificados.views.ver_casa casa.id%}" class="button blueb">Regresar a Clasificado</a>

<table class="contact_info">
    <tr>
        <th class="section_title" colspan="2">Informacion de Contacto</th>
    </tr>

    <tr>
        <th>Correo Electronico</th> <td>{{casa.email}}</td>
    </tr>

    <tr>
        <th>Telefono Fijo</th><td>{{casa.telefono}}</td>
    </tr>

    <tr>
        <th>Celular</th><td>{{casa.celular}}</td>
    </tr>

    <tr>
        <th>Direccion</th><td>{{casa.direccion}}</td>
    </tr>
</table>

{%endblock%}
